<template>
  <div class="popup-right">
    <div class="btn" @click="showPopup">
      <slot name="control"></slot>
    </div>
    <van-popup v-model="show" position="bottom" :style="{ height: '50%' }">
      <slot></slot>
    </van-popup>
  </div>
</template>

<script>
export default {
  name: 'PopupRight',
  data() {
    return {
      show: false,
      filters: {
        area: '',
        state: '',
        kind: ''
      }
    }
  },
  methods: {
    showPopup() {
      this.show = true
    }
  }
}
</script>

<style lang="scss" scoped></style>